<template>
  <div class="service-wrap" v-if="serviceInfo">
    <detail-title :title="'商家服务'" :state="'icon-service'"></detail-title>
    <div class="service-content">
      <h1>停车场：{{serviceInfo.parking ? '有':'没有'}}</h1>
      <h1>WIFI：{{serviceInfo.wifi ? '有':'没有'}}</h1>
    </div>
  </div>
</template>

<script>
  import DetailTitle from './Title.vue';

  export default {
    name: 'Service',
    props: {
      serviceInfo: Object
    },
    components: {
      'detail-title': DetailTitle
    },
    computed: {
      getServices() {
        return JSON.parse(this.serviceInfo.service);
      }
    }
  }
</script>

<style lang="scss" scoped="scoped">
  @import '~styles/mixins.scss';
  @import '~styles/variables.scss';

  .service-wrap {
    box-sizing: border-box;

    .service-content {
      box-sizing: border-box;

      h1 {
        font-size: .16rem;
        line-height: .5rem;
        padding-left: .16rem;
        box-sizing: border-box;
      }
    }
  }
</style>
